// 设置全局字体样式，确保在所有元素、输入框和标签中使用统一的字体
*,
.ant-input,
.ant-tag {
  font-family: 'SourceHanSansCN', -apple-system, sans-serif, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

// 调整顶部标签页的导航栏样式，移除默认的外边距
.ant-tabs-top > .ant-tabs-nav {
  margin: 0;
}

// 自定义顶部导航头的样式，主要是为了设置背景透明和调整内部元素的样式
.ant-pro-top-nav-header-main {
  .ant-pro-top-nav-header-main-warp {
    background-color: transparent;
    .@{ant-prefix}-tabs-nav {
      margin: 0;
    }

    // 修复在antd@4版本升级后PageHeader的样式问题
    .ant-page-header-heading {
      .ant-page-header-heading-title,
      .ant-page-header-heading-extra {
        margin: 4px 0;
      }

      .ant-page-header-heading-sub-title {
        margin: 9px 0;
      }
    }
  }
}

// 滚动条样式
// Scrollbars
// 自定义Webkit浏览器滚动条样式
::-webkit-scrollbar {
  // 设置滚动条宽度和高度
  width: 8px;
  height: 8px;
  // 可选：设置滚动条边框宽度和重要性，此处被注释掉
  // border-width: 1px !important;
}

// 当鼠标悬停在滚动条上时的样式
::-webkit-scrollbar:hover {
  // 保持滚动条高度不变
  height: 8px;
}

// 隐藏滚动条按钮，包括垂直和水平滚动条的增量和减量按钮
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none;
}

// 隐藏水平滚动条的减量按钮
::-webkit-scrollbar-button:horizontal:decrement {
  display: none;
}

// 隐藏水平滚动条的增量按钮
::-webkit-scrollbar-button:horizontal:increment {
  display: none;
}

// 隐藏垂直滚动条的减量按钮
::-webkit-scrollbar-button:vertical:decrement {
  display: none;
}

// 隐藏垂直滚动条的增量按钮
::-webkit-scrollbar-button:vertical:increment {
  display: none;
}

// 当水平和垂直滚动条按钮处于激活状态时，移除背景图片
::-webkit-scrollbar-button:horizontal:decrement:active,
::-webkit-scrollbar-button:horizontal:increment:active,
::-webkit-scrollbar-button:vertical:decrement:active,
::-webkit-scrollbar-button:vertical:increment:active {
  background-image: none;
}

// 设置滚动条轨道部分的背景颜色为透明
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

// 自定义垂直滚动条滑块的样式
::-webkit-scrollbar-thumb:vertical {
  // 设置滑块高度和背景渐变颜色
  height: 50px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c9cdd4), color-stop(100%, #c9cdd4));
  // 可选：为滑块添加边框，此处被注释掉
  // border: 1px solid #fff;
  // border-top: 1px solid #fff;
  // border-left: 1px solid #fff;
}

// 自定义水平滚动条滑块的样式
::-webkit-scrollbar-thumb:horizontal {
  // 设置滑块宽度和背景渐变颜色
  width: 50px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9cdd4), color-stop(100%, #c9cdd4));
  // 可选：为滑块添加边框，此处被注释掉
  // border: 1px solid #fff;
  // border-top: 1px solid #fff;
  // border-left: 1px solid #fff;
}

.ant-picker {
  width: 100%;
}
// 设置搜索输入框的样式，确保其高度符合设计要求
.ant-input-search .ant-input-affix-wrapper {
  height: @input-height-base;
}

.ant-form-horizontal .ant-form-item {
  margin-bottom: 20px;
}

.top-search-box {
  padding: 4px 8px 4px 0;
  border-bottom: 2px solid @layout-body-background;
  background-color: #fff;
  .ant-form.ant-form-horizontal {
    padding: 0;
  }

  .table-page-search-submitButtons {
    text-align: right;
    margin: @margin-xs 0;

    .ant-btn-link {
      padding: 4px;
    }
  }

  .ant-form-item {
    margin: @padding-xs 0;
  }

  .ant-input-group .ant-input {
    width: calc(100% - 32px);
  }
}
.content-container {
  padding: 12px;
  background: linear-gradient(360deg, #ffffff 4.07%, #dfebfd 120.77%);
  // background: url(../img/head_bj.jpg) no-repeat top right #f0f2f5;
}
.content-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  & > .ant-tabs {
    background: #fff;
  }
}

// 导航修改
.ant-menu-inline-collapsed-tooltip {
  .menu-star {
    display: none;
  }
}

.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0;
}

.ant-menu-item .ant-menu-item-icon,
.ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 16px;
}

.ant-menu-item .ant-menu-item-icon + span,
.ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  margin-left: 0;
  padding-left: 4px;
  padding-right: 4px;
}

//.ant-layout-sider-children {}

.ant-menu-title-content {
  position: relative;
  padding-left: 4px;

  .menu-hot {
    .svg-icon {
      width: 32px;
    }
  }

  .menu-star {
    position: absolute;
    right: 0;
    opacity: 0.45;
    display: none;

    .svg-icon {
    }

    &:hover {
      opacity: 1;
    }
  }

  .ant-tag-has-color {
    line-height: 15px;
    font-weight: normal;
    color: #fff;
    border-radius: 8px;
    margin: 0 0 0 4px;
    vertical-align: 0.075em;
    padding: 0 5px;
  }

  &:hover {
    .menu-star {
      display: inline-block;
    }
  }
}

.ant-layout-sider.ant-layout-sider-collapsed {
  .ant-input-affix-wrapper {
    display: none;
  }

  .left-top-menu-search .ant-input-group-addon .ant-input-search-button {
    // background: transparent;
    border: 0;
  }
}

.ant-menu-item-icon {
  .svg-icon {
    // font-size: 1.12em;
  }
}
// 侧栏导航样式修改
#app-body .ant-pro-sider-light {
  border-right: 1px solid #e5e6eb;
}

//.ant-input-affix-wrapper {
// height: @input-height-base;
//}

.ant-input-number-input,
.ant-checkbox-group,
.ant-radio-group {
  padding: 0 @input-padding-horizontal;
}

.ant-switch {
  margin: 0 @input-padding-horizontal;
}

.ant-radio-group-solid {
  padding: 0;
}

.label-line-clamp,
.top-search-box,
.content-form {
  .ant-form-horizontal .ant-form-item-label {
    display: inline-flex;
    vertical-align: middle;
    flex-direction: row-reverse;
    align-items: center;

    label {
      position: relative;
      line-height: 1.2;
      word-break: normal;
      white-space: normal;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      max-height: @input-height-base;
      height: auto;
      padding-right: 8px;
    }

    label::after {
      position: absolute;
    }
  }
}

.ant-form-horizontal {
  .ant-form-item-label {
    label {
      position: relative;
      line-height: @input-height-base;
      word-break: normal;
      white-space: normal;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      max-height: @input-height-base;
      height: auto;
      padding-right: 8px;
      label::after {
        position: absolute;
      }
    }
  }
  // 定义一个名为 .auto-height-lable 的样式规则，自适应表格高度
}
.ant-input-number {
  width: 100%;
}

.ant-form.ant-form-horizontal .ant-form-item-with-help .ant-form-item-explain {
  height: auto;
  min-height: 24px;
  opacity: 1;
  position: absolute;
  // bottom: -24px;
  font-size: 12px;
}

//布局样式

// testTree
.surface-title {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  margin-bottom: 8px;
}

.tittle-opt-icon {
  float: right;
  border: 0;

  svg {
    font-size: 14px !important;
  }
}

.tree_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  margin-top: @margin-xs;
  height: 30px;
  flex: 1 1 0;

  .ant-spin-spinning {
    position: static;
    display: flex;
    opacity: 1;
    flex: 1;
    height: 100%;
    align-items: center;
    justify-content: center;
  }
}

.tree_content {
  padding: @padding-xs;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;

  .surface-search {
    display: flex;
  }
}

.ant-tree {
  position: relative;

  .ant-tree-treenode {
    width: 100%;
  }
}

// 树滚动条样式
.ant-tree,
.ant-tree-list,
.ant-tree-list-holder {
  height: 100%;

  .ant-tree-list-holder-inner {
    align-items: normal;
  }
}

.ant-tree-list-scrollbar-thumb {
  background: #c9cdd4 !important;
  border-radius: 0 !important;
}

.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: @primary-color;
  background-color: @primary-1;
}
.ant-btn-primary {
  box-shadow: 0 2px 4px @primary-1;
}

.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .ant-tree-iconEle {
  background-color: transparent;
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected:hover .ant-tree-iconEle {
  // background-color: @primary-1;
}

.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  color: @disabled-color;
}

.ant-tree-treenode:last-child {
  .ant-tree-switcher-noop::before {
    bottom: 10px;
  }
}

.ant-tree-show-line .ant-tree-indent-unit::before {
  height: 30px;
  top: auto;
}

.ant-tree-show-line .ant-tree-switcher-line-icon.anticon-plus-square {
  padding: 5px;
  position: relative;
  z-index: 2;
  background-color: #fff;
}

.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
  position: relative;
  background: #fff;
}

.ant-tree .ant-tree-node-content-wrapper:hover .ant-tree-iconEle {
  background: transparent;
}

.ant-tree .ant-tree-treenode-selected .ant-tree-iconEle {
  background: @tree-node-selected-bg;
}

.ant-tree .ant-tree-node-content-wrapper {
  padding-left: 0;
  z-index: 2;
  transition: none;
  width: 1px;
  flex: 1 1 0;
  white-space: nowrap;
  display: flex;

  .ant-tree-title {
    display: inline-flex;
    flex: 1 1 0;
    overflow: hidden;

    > span:not(.user-icon, .avic-icon) {
      flex: 1;
      overflow: hidden;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      align-items: center;
    }

    > span.ant-dropdown-trigger.avic-icon {
      width: 16px;
      margin-left: auto;
      flex: initial;
      text-align: center;
    }
  }
}

//content tab页签样式修改
.avic-content-tab {
  .ant-tabs-nav-wrap {
    padding-left: 8px;
  }

  height: 100%;
  background: #fff;

  .ant-tabs-tab-active {
    font-weight: 500;
  }

  .ant-tabs-tab {
    padding: 12px 0 8px 0;
    margin: 0 12px 0 8px;

    .tab_title {
      // font-size: @font-size-base + 2;
      // padding: 0 4px;
    }
  }

  .module-tabs,
  .ant-tabs-content {
    height: 100%;
  }
}

.Richtext {
  border: 1px solid @border-color-base;
}

//修改表单清空按钮位置
// .ant-picker-clear {
//   position: initial;
//   margin-left: 6px;
//   margin-right: 2px;
//   transform: translateY(0%);
//   display: none;
//   opacity: 1;
// }

// .ant-picker-input:hover .ant-picker-clear {
//   display: block;
// }

// .ant-form-item-has-feedback {
//   .ant-select:hover:has(.ant-select-selection-item) .ant-select-arrow {
//     right: 32px;
//   }
// }

// 弹窗组件样式

.full-modal {
  .ant-modal-header {
    // flex: 0 0 55px;
  }

  .ant-modal-footer {
    // flex: 0 0 52px;
  }

  .ant-modal {
    top: 16px;
    left: 16px;
    max-width: 100%;
    margin: 0;
    padding-bottom: 0;
  }

  .ant-modal-content {
    display: flex;
    flex-direction: column;
    width: calc(100vw - 32px);
    height: calc(100vh - 32px);
  }

  .ant-modal-body {
    flex: 1 1 auto;
    overflow: auto;
  }
}

.modal-drag-position {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

.ant-input-suffix {
  margin-right: -2px;
  color: @text-color-less;
}
.ant-select-arrow {
  right: 12px;
  color: @text-color-less;
}

.ant-input-affix-wrapper .ant-input-prefix > *:not(:last-child),
.ant-input-affix-wrapper .ant-input-suffix > *:not(:last-child) {
  margin: 0;
}
.ant-picker-suffix {
  margin-right: -2px;
  color: @text-color-less;
}

.ant-picker-range .ant-picker-clear {
  right: 8px;
}

.ant-modal-wrap {
  overflow: revert !important;
}
.modal-absolute {
  position: absolute !important;
  overflow: auto !important;
}
.ant-modal-title {
  color: @text-color;
}

.ant-tag > .anticon + span,
.ant-tag > span + .anticon {
  margin-left: 0;
}

.validateErrorClass {
  input {
    border-color: red;
  }

  div {
    border-color: red;
  }

  span {
    border-color: red;
  }
}

.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  background-color: @primary-1;
  border-color: @primary-3;
}

.ant-modal-confirm-btns {
  display: flex;
  flex-direction: row-reverse;

  .ant-btn {
    border-color: @primary-color;
    color: @primary-color;
    margin-left: 8px;
    &.ant-btn-primary {
      &:not(:disabled) {
        background-color: @primary-color;
        color: #fff;
        &:focus-visible {
          outline-color: @primary-2;
        }
      }
    }
    &.ant-btn-default {
      &:not(:disabled) {
        &:hover {
          color: @primary-color;
          border-color: @primary-color;
        }
        &:focus-visible {
          outline-color: @primary-2;
        }
        &:active {
          color: @primary-color;
          border-color: @primary-color;
        }
      }
    }
  }

  .ant-btn.ant-btn-primary {
    color: #fff;
  }
}

// 单选,复选样式修改
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0;
}

.ant-checkbox-wrapper {
  margin-right: 8px;
}

.ant-badge-count {
  height: 16px;
  line-height: 16px;
  padding: 0 6px;
}

.ant-badge {
  > span {
    display: flex;
    align-items: center;
    // font-size: @font-size-base + 2;
    // padding: 0 4px;
    // margin-right: 8px;
  }
}

// 无数据
.ant-list-empty-text {
  height: 100%;

  .ant-empty {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
  }
}

.ant-empty-normal {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

// 小尺寸按钮文字变小
.ant-button-sm {
  font-size: @font-size-sm;
}

.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 4px;
}

// 附件密级、下拉框密级颜色区分
.secretLevel1,
.ant-select-item-option-selected.secretLevel1,
.file-list .name-box-drop .select-link.secretLevel1,
.file-list .secretLevel1 .ant-spin-container {
  color: #1aa4ee;
}

.secretLevel2,
.ant-select-item-option-selected.secretLevel2,
.file-list .name-box-drop .select-link.secretLevel2,
.file-list .secretLevel2 .ant-spin-container {
  color: #1e89ff;
}

.secretLevel3,
.ant-select-item-option-selected.secretLevel3,
.file-list .name-box-drop .select-link.secretLevel3,
.file-list .secretLevel3 .ant-spin-container {
  color: #224ecd;
}

.secretLevel4,
.ant-select-item-option-selected.secretLevel4,
.file-list .name-box-drop .select-link.secretLevel4,
.file-list .secretLevel4 .ant-spin-container {
  color: #fe8624;
}

.secretLevel5,
.ant-select-item-option-selected.secretLevel5,
.file-list .name-box-drop .select-link.secretLevel5,
.file-list .secretLevel5 .ant-spin-container {
  color: #d40000;
}

.secretLevel6,
.ant-select-item-option-selected.secretLevel6,
.file-list .name-box-drop .select-link.secretLevel6,
.file-list .secretLevel6 .ant-spin-container {
  color: #7a0000;
}

.ant-tag > .avic-icon > .svg-icon {
  font-size: 1.1em;
  vertical-align: -0.23em;
  margin-right: 2px;
}

.ant-tag {
  border-color: transparent;
  background-color: @table-header-bg;
  color: @text-color-secondary;
  padding: 0 8px;
  // font-weight: 600;
}

.ant-tag.ant-tag-has-color {
  color: #fff;
}

.ant-tag.ant-tag-blue,
.ant-tag-processing {
  padding: 0 8px;
  color: rgb(22, 93, 255);

  background: rgba(22, 93, 255, 0.1);
  border-color: rgba(52, 145, 250, 0);
}

.ant-tag.ant-tag-red,
.ant-tag-error {
  padding: 0 8px;
  color: rgb(245, 63, 63);
  background: rgb(255, 236, 232);
  border-color: rgba(245, 63, 63, 0);
}

.ant-tag.ant-tag-green {
  padding: 0 8px;
  color: rgb(0, 180, 42);
  background: rgba(0, 180, 42, 0.1);
  border-color: rgba(0, 180, 42, 0);
}

.ant-tag.ant-tag-pink {
  padding: 0 8px;
  color: #eb0aa4;
  background: rgba(235, 10, 164, 0.1);
  border-color: rgba(235, 10, 164, 0);
}

.ant-tag.ant-tag-purple {
  padding: 0 8px;
  color: rgb(185, 28, 233);
  background: rgba(185, 28, 233, 0.1);
  border-color: rgba(185, 28, 233, 0);
}

.ant-tag.ant-tag-cyan {
  padding: 0 8px;
  color: rgb(15, 198, 194);
  background: rgba(15, 198, 194, 0.1);
  border-color: rgba(15, 198, 194, 0);
}

.ant-tag.ant-tag-orange {
  padding: 0 8px;
  color: rgb(255, 125, 0);
  background: rgba(255, 125, 0, 0.1);
  border-color: rgba(255, 125, 0, 0);
}

.ant-tag-checkable-checked {
  background-color: @primary-color;
  color: #fff;
}

.ant-btn:not(.ant-btn-circle) > .avic-icon {
  margin-right: 4px;

  .svg-icon {
    vertical-align: -0.25em;
  }
}

// 弹窗折叠面板 样式
.ant-modal-body:has(.form-excel-style) {
  .ant-collapse {
    .ant-collapse-content > .ant-collapse-content-box {
      padding: 0;
      padding-bottom: 12px;
      color: @text-color;
    }

    .ant-collapse-item {
      margin: 0;
    }

    .ant-collapse-header {
      padding: 8px;

      &::before {
        display: none;
      }

      > div {
        order: 0;
        margin: 0;
      }
    }

    .ant-collapse-arrow {
      color: @primary-color;
      font-size: @font-size-lg;
      vertical-align: -0.175em;
      margin: 0 8px 0 0;
      background-color: transparent;
    }
  }
}

//修改垂直表单样式
.ant-form-vertical {
  .ant-form-item-label,
  .ant-form-item-control {
    // flex: none !important;
  }
}

.module.bpm-task {
  height: 100%;
  .ant-tabs-top,
  .ant-tabs-content-holder,
  .ant-tabs-content,
  .module-in,
  .backlog {
    height: 100%;
  }
}
.portal-content {
  min-height: 100%;
  // padding: 8px 8px 8px 8px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  & > span {
    flex: 1 1 0;
    display: flex;
    height: 1px;
    flex-direction: column;
    & > *:not(.no-space) {
      background: #f0f2f5;
      padding: 0px;
    }
  }
}
// ant4升级样式完善
.ant-tabs .ant-tabs-tab {
  // padding: 8px 0;
}
.ant-btn-default {
  box-shadow: none;
}

.ant-menu-dark {
  background-color: transparent;
}

.ant-menu-dark.ant-menu-inline .ant-menu-sub.ant-menu-inline {
  background: rgba(0, 0, 0, 0.2);
}

.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-submenu-title {
  margin-block: 0;
}

.ant-modal .ant-modal-content {
  padding: 0;

  .ant-modal-header {
    padding: 12px 16px 0 16px;
    margin: 0;
  }

  .ant-modal-body {
    padding: 16px 16px 0 16px;
    overflow-x: hidden;
  }

  .ant-modal-footer {
    padding: 12px 16px;
    margin: 0;
  }
}

.ant-modal.ant-modal-confirm .ant-modal-content {
  .ant-modal-body {
    padding: 24px;
  }
}

.ant-menu-light .ant-menu-item-selected {
  background-color: var(--ant-primary-color-deprecated-f-12);
}

.bpm-pic-tab {
  .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
    margin-inline-end: initial;
    margin-right: 12px;
    flex: none;
  }
}

.ant-menu-submenu-popup .ant-menu-vertical > .ant-menu-item,
.ant-menu-submenu-popup .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 36px;
  line-height: 36px;
}
.ant-menu-light .ant-menu-item:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected),
.ant-menu-light .ant-menu-submenu-title:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected) {
  color: @primary-color;
}

.ant-menu .ant-menu-item .ant-menu-item-icon,
.ant-menu .ant-menu-submenu-title .ant-menu-item-icon {
  text-align: right;
  color: @text-color-less;
  width: 18px;
  display: flex;
  justify-content: flex-end;
}
.ant-layout-sider-children {
  .ant-menu-inline-collapsed .ant-menu-submenu > .ant-menu-submenu-title,
  .ant-menu-inline-collapsed .ant-menu-item {
    .ant-menu-item-icon {
      width: 20px;
      display: inline-block;
      font-size: 16px;
    }

    .ant-menu-title-content {
      display: none;
    }
  }
}

.ant-menu .ant-menu-item-selected .ant-menu-item-icon,
.ant-menu .ant-menu-submenu-selected > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu .ant-menu-submenu-selected .ant-menu-item-selected .ant-menu-item-icon {
  color: @primary-color;
}
.ant-badge .ant-badge-count {
  height: 16px;
  line-height: 14px;
}

.ant-tree .ant-tree-node-content-wrapper,
.ant-tree .ant-tree-checkbox + span {
  border-radius: 0;
}

.ant-tree .ant-tree-switcher {
  height: 24px;
}

.ant-list .ant-list-item {
  padding: initial;
}

.ant-tree .ant-tree-checkbox {
  margin: 0;
}

.ant-form-item .ant-form-item-feedback-icon {
  width: 14px;
  height: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.ant-layout {
  background: #ffffff;
}

.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav,
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  margin: 0;
}

.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
  margin: 0;
}
.ant-modal .ant-modal-close {
  top: 13px;
  right: 16px;
  font-size: 1.2em;
  color: @text-color-secondary;
  .ant-modal-close-x {
    font-size: inherit;
  }
}
.splitpanes__inner .ant-tabs .ant-tabs-tabpane {
  display: flex;
  flex-direction: column;
}
.ant-card-bordered {
  border-color: @border-color-split;
}
.auto-code-form {
  display: block;
}
.ant-menu .ant-menu-item .ant-menu-item-icon + span {
  margin: 0;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header > .ant-collapse-header-text {
  display: flex;
  align-items: center;
}
.ant-tabs .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 16px;
}

// NOTE: 此文件定义或引入的变量可以在全局使用
// ERP定制代码生成器样式
//简单对象表格样式
.card-list-table {
  .table-caption {
    font-size: 16px;
    color: #1d2129;
    font-weight: 500;
    .ant-tag {
      color: @primary-color;
      font-size: 16px;
      border: 0;
      background-color: transparent;
      font-weight: 500;
    }
  }
  .ant-checkbox-group .add-card {
    .anticon-plus {
      color: @primary-color;
      font-size: 18px;
    }
    .ant-card-body p {
      font-weight: 700;
      margin: 0;
    }
  }
  .ant-checkbox-group .add-card:hover {
    background-color: @primary-1;
    border-color: @primary-color;
    border-style: dashed;
    .ant-card-body p {
      color: @primary-color;
    }
  }
  .ant-checkbox-group .ant-card {
    border-radius: 6px;
    .ant-card-head-wrapper {
      align-items: self-start;
    }
    .ant-card-head {
      background-color: #ffffff;
      border-radius: 6px 6px 0 0;
      .ant-card-head-title {
        display: flex;
        align-items: flex-start;
        padding: 16px 0 12px;
      }
      .ant-card-extra {
        margin-top: 16px;
      }
      .ant-card-icon-bg {
        width: 32px;
        height: 32px;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        margin-right: 10px;
        flex: 0 0 32px;
      }
      .ant-card-title {
        width: 85%;
        h2 {
          font-size: 16px;
          color: #333333;
          font-weight: 700;
          margin: 0;
          line-height: 1;
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 100%;
        }
        em {
          color: @primary-color;
          font-size: 12px;
          font-style: normal;
        }
      }
    }
  }
  .ant-card-hoverable:hover {
    border: 1px solid #e5e6eb;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.07);
  }
}
.table-card-wrapper .surely-table-wrapper.card-list-table .ant-checkbox-group .ant-card .ant-card-head {
  padding-right: 24px;
}
.table-card-wrapper .surely-table-wrapper.card-list-table .ant-checkbox-group .ant-card .ant-card-actions {
  background-color: #ffffff;
  border-radius: 0 0 6px 6px;
  .ant-btn-link[disabled],
  .ant-btn-link[disabled]:hover {
    color: rgba(0, 0, 0, 0.4);
  }
}
.table-card-wrapper .surely-table-wrapper.card-list-table .ant-checkbox-group .ant-checkbox-wrapper {
  right: 9px;
  top: -2px;
  .ant-checkbox .ant-checkbox-inner {
    width: 0;
    height: 0;
    border-top: 20px solid #f0f2f5;
    border-left: 20px solid transparent;
    border-right: 20px solid #f0f2f5;
    border-bottom: 20px solid transparent;
    background-color: transparent;
    border-radius: 0 6px 0 0;
  }
  .ant-checkbox .ant-checkbox-inner::after {
    top: -8px;
    left: 3px;
    width: 8px;
    height: 12px;
  }
  .ant-checkbox-checked .ant-checkbox-inner {
    border-top: 20px solid @primary-color;
    border-right: 20px solid @primary-color;
  }
  .ant-checkbox-checked::after {
    border: 0;
  }
}

.table-card-wrapper .surely-table-wrapper.card-list-table .ant-checkbox-group .ant-card .ant-card-body .ant-card-content {
  overflow: auto;
  overflow-x: hidden;
  margin-left: 42px;
  p {
    font-size: 14px;
    color: #333333;
    margin: 2px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    em {
      font-style: normal;
      color: #86909c;
    }
  }
}
//值增强样式
.select-Component-content {
  height: calc(100% - 68px);
  .ant-tabs-content {
    height: 100%;
  }
}
.filter-titles {
  margin: 0 8px 8px 0;
}
.filter-item-list {
  background-color: rgb(22 93 255 / 7%);
  padding: 8px 8px 0;
  height: 68px;
  overflow-y: auto;
  color: #1d2129;
  display: flex;
  flex-wrap: wrap;
  .ant-tag {
    margin-bottom: 6px;
    background-color: #ffffff;
    border: 1px solid #e5e6eb;
    height: 24px;
  }
  .anticon {
    margin-left: 8px;
    color: #86909c;
  }
}
//分布表单弹层样式
.guided-form-sub-title {
  font-size: 12px;
  color: #86909c;
  margin-left: 10px;
}
.currentStep-model {
  .ant-steps {
    background: #ffffff;
    padding: 20px 15%;
    .ant-steps-item-process .ant-steps-item-title {
      color: #1d2129;
      font-weight: 700;
    }
    .ant-steps-item-finish .ant-steps-item-title {
      color: @primary-color;
      font-weight: 700;
    }
    .ant-steps-item-wait .ant-steps-item-title {
      color: #1d2129;
    }
  }
  .ant-modal-content {
    background: #f9f9fa;
  }
  .ant-modal-body {
    padding: 0;
  }
  .ant-alert-info {
    margin: 12px 16px;
    padding: 4px 12px;
    .ant-alert-message {
      color: @primary-color;
    }
  }
}
.currentStep-model-content {
  padding: 0 16px 16px;
  .ant-collapse {
    border: 0;
    background-color: #f9f9fa;
    .ant-collapse-content {
      border-top: 1px solid #e5e6eb;
    }
    .ant-collapse-header {
      background-color: #ffffff;
      padding: 9px 12px;
      color: #1d2129;
      .anticon {
        color: @primary-color;
        font-size: 14px;
        margin-right: 10px;
      }
    }
  }
  .ant-collapse > .ant-collapse-item {
    border-bottom: 0;
    margin-bottom: 12px;
  }
}
#app-body .ant-pro-sider {
  background-color: #fff;
  padding-top: 56px;
}

#app-body .ant-pro-sider-logo {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  min-width: 208px;
  .ant-breadcrumb .ant-breadcrumb-overlay-link:hover {
    color: #fff;
    background-color: transparent;
  }
  .ant-breadcrumb {
    margin-left: 24px;
    color: rgba(255, 255, 255, 0.7);
    a {
      color: rgba(255, 255, 255, 0.7);
    }
    .ant-breadcrumb-separator {
      color: rgba(255, 255, 255, 0.7);
    }
  }
  .ant-breadcrumb li:last-child {
    color: #fff;
  }
}

#app-body .system-logo .column {
  max-width: 600px;
  padding-right: 0;
}
#app-body .ant-pro-global-header-collapsed-button {
  display: none;
}

//   新增流程详细页样式
.flow-detail-body .flow-detail-card .flow-content-body .bpm-pic-tab .section-content .section-title a {
  right: 12px !important;
}
//导航样式修改
#app-body {
  .ant-pro-sider {
    background-color: #fff;
    padding-top: 56px;
    .ant-menu-light {
      .ant-menu-item {
      }
    }
  }
  .ant-pro-global-header {
    background-color: @primary-color;
  }
  .ant-pro-sider-logo {
    background-color: @primary-color;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
  }
  .system-logo .column {
    max-width: 600px;
    padding-right: 0;
    .ant-pro-global-header-collapsed-button {
      display: none;
    }
  }
  .ant-pro-global-header-layout-side .noticeButton,
  .header-right-icon,
  .ant-dropdown-trigger {
    .avic-icon,
    .ant-pro-header-account-name {
      color: #fff;
    }
  }
  .ant-btn {
    border-radius: @border-radius-base;
  }
  .ant-btn-group {
    .ant-btn {
      border-radius: 0;
    }
    .ant-btn:first-child {
      border-radius: 2px 0 0 2px;
    }
    .ant-btn:last-child {
      border-radius: 0 2px 2px 0;
    }
  }
  // 使用蓝色皮肤时的页面头部背景色(仅蓝色皮肤时才有class[])
  &.avic-theme-blue-initial {
    .ant-pro-global-header,
    .ant-pro-sider-logo {
      background-color: #1f76cb;
    }
  }
}
//定制一主多子代码模版折叠面板样式
.avic-collapse-style {
  &.ant-collapse > .ant-collapse-item > .ant-collapse-header {
    padding: @padding-xs - 4px 0;
    .ant-collapse-expand-icon {
      color: @primary-color;
      padding-inline-end: @padding-xs - 4px;
    }
  }
  &.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
    padding: @padding-xs - 4px @padding-xs;
    padding-left: 16px;
    .table-wrapper {
      padding: 0;
    }
  }
}
//高级查询最大高度
.top-search-box.top-search-height {
  position: relative;
  .ant-form > .ant-row {
    max-height: 152px;
    overflow: hidden auto;
  }
  &.top-search-box-advanced {
    & > .ant-form > .ant-row > .ant-col:last-child {
      position: absolute;
      bottom: 0;
      right: 16px;
      z-index: 1;

      margin: 0;
      padding: 0 0 4px 0;
      width: 100%;
      .table-page-search-submitButtons {
        width: 100%;
        background-color: #fff;
      }
    }
  }
}

// 树详细页面滚动
.content-form {
  max-height: 100%;
  padding: 24px 24px 50px 24px;
  overflow: auto;
}

//修改textarea 剩余文字提示位置
.ant-input-textarea-show-count::after {
  position: absolute;
  right: 4px;
  bottom: 4px;
  z-index: 2;
}
@import './project.less';